<?php
    /*
     Formulario de Registro de Usuario:
     * Este formulario se encargara de la recoleccion de datos del usuario, este va conformado de etiquwtas inputs como
     * cajas de textos(text), selectores o listas desplegables(select) y botones(submit,button) para enviar
     * la imformacion del usuario.
    */
    
    session_start();
    if(!isset($_SESSION['usuario'])){
            header('location:../html/login.html');
         }
         
         echo '
                <center>
                    <title>Usuarios</title>
                    <table>
                        <tr>
                            <td>';
                         include_once 'menu.php';
                        echo"</td>
                        </tr>
                    </table>
                    </br>
                    <table>
                        <tr>
                            <td align=center>";
?>
<html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <script src="jquery-1.9.1.min.js"></script>
            <link rel="stylesheet" type="text/css" href="../css/estilo.css" />
            <link rel="stylesheet" href="../css/bootstrap-combined.min.css" />
            
            <!-- LIBRERIAS JQUERY PARA LA CREACION DE LAS ALERTAS -->
            <script type="text/javascript" src="../../Ginecobstetricia/vista/js/alertify.js"></script>
            <link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.core.css" />
            <link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.default.css" />
            
            <style type="text/css">
                #sesion{
                    font-size: 12px;
                }
            .white {
                border-radius: 5px;
                color: #606060;
                border: solid 1px #b7b7b7;
                background: #fff;
                background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
                background: -moz-linear-gradient(top,  #fff,  #ededed);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
                padding: 4px 4px 4px;
                height: 30px;
                font-size: 13px;
            }
            .white:hover {
                background: #ededed;
                background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
                background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
            }
            .white:active {
                color: #999;
                background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
                background: -moz-linear-gradient(top,  #ededed,  #fff);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
            }
            </style>
            <script>
                /*este script lo utilizamos para darle una funcion individual a los botones de tipo submit
                 * y asi evitar los comflictos con las validaciones*/
                $(document).ready(function(){
                    $("input[type=submit]").click(function() {
                        var accion = $(this).attr('dir');
                        $('form').attr('action', accion);
                    $('form').submit();
                    });
                });
                
                
            </script>
            <script>
                /*validamos el formulario con jquery*/
                $(document).ready(function () {
                    $("#buscador").click(function (){
                        if( $("#tipoC").val() === "Seleccione" ){
                            alertify.alert("SELECCIONE EL TIPO DE DOCUMENTO", function () {
                                $("#tipoC").focus();
                            });
                            return false;
                        }else if( $("#documento").val() === "" ){
                            alertify.alert("SELECCIONE EL TIPO DE DOCUMENTO", function () {
                                $("#documento").focus();
                            });
                            return false;
                        }
                    });
                });
                
                  $(document).ready(function () {
                    
                    $('#limpia').click(function (){
                        document.location = ("usuarios.php");
                    });
                });

            </script>
            
            <script type="text/javascript">
                /*escript para mandar informacion de la busqueda del usuario (jquery,ajax) y generar una respuesta jason*/
                $(document).ready(function(){
                    $("#buscador").click(function(){
                        var documento = $("#documento").val();
                        var tipoc= $("#tipoC").val();
                        $.ajax({
                            async: true,
                            type: "POST",
                            dataType: "json",
                            contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                            url: "../../controlador/php/sql/buscarUsu.php",
                            data: {documento:documento,tipoc:tipoc},
                            success: mostrarDatos,
                            timeout: 4000
                            
                          
                        });
                        return false;
                    });
                });
                
                function errorEnvio() {
                    alert("el usuario no existe!...");
                }
                
                function mostrarDatos( datos )
                {
                    //alert(datos.documento);
                    $("#tipoC").attr("value", datos.tipoC );
                    $("#documento").attr("value", datos.documento );
                    $("#nombres").attr("value", datos.nombres );
                    $("#apellidos").attr("value", datos.apellidos );
                    $("#usuario").attr("value", datos.usuario );
                    $("#estado").attr("value", datos.estado );
                    $("#log").html("<font color=red>" + datos.existe + "<font>");
                }
                
            </script>
            
            <script type="text/javascript">
                //Para escribir solo numeros 
                (function(a){a.fn.validCampoFranz=function(b)
                    {a(this).on({keypress:function(a)
                            {var c=a.which,d=a.keyCode,e=String.fromCharCode(c).toLowerCase(),f=b;(-1!=f.indexOf(e)||9==d||37!=c&&37==d||39==d&&39!=c||8==d||46==d&&46!=c)&&161!=c||a.preventDefault()}})}})(jQuery);
                
                $(function(){
                    //Para escribir solo letras
                    $('#nombres').validCampoFranz(' abcdefghijklmnñopqrstuvwxyzáéiou');
                    $('#apellidos').validCampoFranz(' abcdefghijklmnñopqrstuvwxyzáéiou');

                    //Para escribir solo numeros    
                    $('#documento').validCampoFranz('0123456789');
                   
                });
            </script>
            
            <script>
                function abrirVentana(){
                    window.open("busqueda.php","","width=1200,height=500,top=75,left=75,scrollbars=yes");
                }
            </script>
            <script>
                /*En este script utilizaremos una funcion la validacion de el formulario de registro de usuario
                 * donde se evaluaran los campos que son importante y/u obligatorios, los campos que requieren un 
                 * caracter especifico (letras,digitos) y la comparacion de las claves las cuales deben ser compatibles.
                */
                $(document).ready(function () {
                    $("#envia").click(function (){
                        if($("#tipoC").val() === "Seleccione"){
                            alertify.alert(" SELECCIONE TIPO DE DOCUMENTO", function () {
                                $("#tipoC").focus();
                            });
                            return false;
                        }
                        if($("#documento").val() === ""){
                            alertify.alert("DIGITE EL DOCUMENTO", function () {
                                $("#documento").focus();
                            });
                            return false;
                        }
                        if($("#nombres").val() === ""){
                            alertify.alert("DIGITE LOS NOMBRES", function () {
                                $("#nombres").focus();
                            });
                            return false;
                        }
                        if($("#apellidos").val() === ""){
                            alertify.alert("DIGITE LOS APELLIDOS", function () {
                                $("#apellidos").focus();
                            });
                            return false;
                        }
                        if($("#usuario").val() === ""){
                            alertify.alert("DIGITE EL NOMBRE DE USUARIO", function () {
                                $("#usuario").focus();
                            });
                            return false;
                        }
                        if($("#usuario").val().length < 4){
                             alertify.error("EL NOMBRE DE USUARIO DEBE CONTENER ALMENOS 4 CARACTERES");
                                $("#usuario").focus();
                            return false;
                        }
                        if($("#contrasena").val() === ""){
                            alertify.alert("DIGITE LA CONTRASEÑA", function () {
                                $("#contrasena").focus();
                            });
                            return false;
                        }
                        if($("#contrasena").val().length < 4){
                             alertify.error("LA CONTRASEÑA DEBE CONTENER ALMENOS 4 CARACTERES");
                                $("#contrasena").focus();
                            return false;
                        }
                        if($("#contrasena2").val() === ""){
                            alertify.alert("DIGITE NUEVAMENTE LA CONTRASEÑA", function () {
                                $("#contrasena2").focus();
                            });
                            return false;
                        }
                        if($("#contrasena").val() !== $("#contrasena2").val()){
                            alertify.error("LAS CONTRASEÑAS NO COINCIDEN");
                                $("#contrasena").focus();
                            return false;
                        }
                        if($("#estado").val() === "Seleccione"){
                            alertify.alert("SELECCIONE ESTADO DE USUARIO", function () {
                                $("#estado").focus();
                            });
                            return false;
                        }
                        if($("#tipoU").val() === "Seleccione"){
                            alertify.alert("SELECCIONE EL TIPO DE USUARIO", function () {
                                $("#tipoU").focus();
                            });
                            return false;
                        }
                        
                        if($("#nusuario").val() === "2"){
                            alertify.alert("EL NOMBRE DE USUARIO NO ES VALIDO", function () {
                                $("#nusuario").focus();
                            });
                            return false;
                        }
                        
                        alertify.confirm("ESTA SEGURO DE CREAR EL USUARIO?", function (e) {
				if (e) {
                                    $('#usuarios').attr('action', '../../controlador/php/sql/usuExis.php');
                                    $("#usuarios").submit();
				} else { 
                                    $("#tipoC").focus();
				}
				}); 
                                return false;
                    });
                });
                
                
                $(document).ready(function () {
                    $("#edita").click(function (){
                        if($("#tipoC").val() === "Seleccione"){
                            alertify.alert("ANTES DEBE CONSULTAR EL USUARIO", function () {
                                $("#buscador").focus();
                            });
                            return false;
                        }
                        if($("#documento").val() === ""){
                            alertify.alert("ANTES DEBE CONSULTAR EL USUARIO", function () {
                                $("#buscador").focus();
                            });
                            return false;
                        }
                        if($("#nombres").val() === ""){
                            alertify.alert("ANTES DEBE CONSULTAR EL USUARIO", function () {
                                $("#buscador").focus();
                            });
                            return false;
                        }
                        if($("#apellidos").val() === ""){
                            alertify.alert("ANTES DEBE CONSULTAR EL USUARIO", function () {
                                $("#buscador").focus();
                            });
                            return false;
                        }
                        if($("#tipoU").val() === ""){
                            alertify.alert("ANTES DEBE CONSULTAR EL USUARIO", function () {
                                $("#buscador").focus();
                            });
                            return false;
                        }
                        
                        alertify.confirm("ESTA SEGURO DE EDITAR EL USUARIO?", function (e) {
				if (e) {
                                    $('#usuarios').attr('action', 'editarUsuario.php');
                                    $("#usuarios").submit();
				} else { 
                                    $("#tipoC").focus();
				}
				}); 
                                return false;
                    });
                });
            </script>
            <script>
                function cargarC(){
                    $.ajax({
                            async: true,
                            type: "POST",
                            contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                            url: "../../controlador/php/sql/cargos.php",
                            success: car,
                            timeout: 4000
                        });
                }
                
                function car(cargo){
                    rpt = $.parseJSON(cargo);
                    cargo = $("#cargos");
                    for(c in rpt){
                        cargo.append("<option value='"+ rpt[c].caroid +"'>"+ rpt[c].carnombre +"</option>");
                    }
                }
                
                function validarNU(){
                    
                    var usuario = document.getElementById("usuario").value;
                    
                    if($("#usuario").val() === ""){
                        alertify.alert("INGRESE EL NOMBRE DE USUARIO", function () {
                            $("#usuario").focus();
                        });
                        return false;
                    }
                    
                    $.ajax({
                        async: true,
                        dataType: "json",
                        type: "POST",
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        url: "../../controlador/php/sql/valusu.php",
                        data: {usuario:usuario},
                        success: respuesta,
                        timeout: 4000
                          
                    });
                }
                
                function respuesta(resp){
                    if(resp.num == 1){
                        document.getElementById("usuario").value = (resp.usuario);
                        $("#resu").html('<font color="red">usuario no disponible</font>');
                        document.getElementById("usuario").style.color = 'black';
                        document.getElementById("nusuario").value = 2;
                        
                        //document.getElementById("usuario").style.color = 'red';
                    }else{
                        $("#resu").text("");
                        document.getElementById("usuario").style.color = 'green';
                        document.getElementById("nusuario").value = 1;
                    }
                }
                
            </script>
        </head>
        <body onload="cargarC();">
            <form id="usuarios" method="post">
                <table>
                    <tr>
                        <td align="center" colspan="9">
                            <label id="titulo">DATOS DEL USUARIO</label>
                    </tr>
                </table>
                <table id="tablaUsu" align="center">
                    <tr>
                        <td align="center" colspan="2">
                            <div id="log"></div>
                        </td>
                    </tr>
                    <tr>
                        <td WIDTH="%50" >
                            <i>Tipo Documento:</i>
                        </td>
                        <td>
                            <select title="selceccione tipo de documento" id="tipoC" name="tipoD" value="">
                                <option>Seleccione</option>
                                <option>Cedula de Ciudadania</option>
                                <option>Tarjeta de Identidad</option>
                                <option>Cédula de Extrangeria</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <i>Documento:</i>
                        </td>
                        <td>
                            <table>
                                <tr>
                                    <td>
                                        <input type="text" title="documento" id="documento" name="txtDocumento" maxlength="15" value=""/>
                                    </td>
                                    <td>
                                        <input id="buscador" title="buscar usuario" type="button" value="">
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <i>Nombres:</i>
                        </td>
                        <td>
                            <input type="text" title="nombres" id="nombres" name="txtNombres" value="" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <i>Apellidos:</i>
                        </td>
                        <td>
                            <input type="text" title="apellidos" id="apellidos" name="txtApellidos" value=""  />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <i>Nombre Usuario:</i>
                        </td>
                        <td>
                            <input type="text" title="nombre de usuario" id="usuario" name="txtUsuario" maxlength="50" value="" onchange="validarNU();"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            
                        </td>
                        <td>
                            <div id="resu">
                                
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <i>Contrase&ntilde;a:</i>
                        </td>
                        <td>
                            <input type="password" title="contraseña" id="contrasena" name="txtContrasena" maxlength="20" value=""  />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <i>Repita Contrase&ntilde;a:</i>
                        </td>
                        <td>
                            <input type="password" title="validacion de contraseña" id="contrasena2" name="txtContrasena2" maxlength="20" value=""  />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <i>Correo Electronico</i>
                        </td>
                        <td>
                            <input type="text" name="txtCorreo" value="" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Cargo
                        </td>
                        <td>
                            <select name="cbCargos" id="cargos">
                                <option>Seleccione</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <i>Estado:</i>
                        </td>
                        <td>
                            <select title="seleccione el estado" id="estado" name='estadoU'>
                                <option>Seleccione</option>
                                <option value="1">Activo</option>
                                <option value="2">Inactivo</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <i>Tipo de Usuario:</i>
                        </td>
                        <td>
                            <select title="seleccione el tipo de usuario" id="tipoU" name='tipou'>
                                <option>Seleccione</option>
                                <?php
                                
                                    $sql = "select rol_descripcion,rol_oid from roll order by rol_descripcion asc";
                                    $respu = $con->query($sql);
                                    while ($resp = mssql_fetch_array($respu)){
                                        $oid = $resp['rol_oid'];
                                        echo"<option value='".$oid."'>".$resp['rol_descripcion']."</option>";
                                    }
                                    $con->cerrarConexion();
                                ?>
                            </select>
                        </td>
                    </tr>
                </table>
                </br>
                <table id="tabla2" align="center">
                    <tr>
                        <td align="center" colspan="2">
                            <input id="envia" title="guardar usuario" type="button" dir="" value="Guardar" class="white"/>
                        </td>
                        <td>
                            <input id="edita" title="editar usuario" type="button" value="Editar" class="white"/>
                        </td>
                        <td>
                            <input id="limpia" title="Limpiar Formulario" type="button" value="Limpiar" class="white"/>
                        </td>
                        <td>
                            <img src="../imagen/lista.png" width="55" height="55" alt="lista" onclick="abrirVentana();"/>
                        </td>
                    </tr>
                </table>
            </form>
        </body>
    </html>
    </td></tr>
    </table>
</center>
<input type="hidden" id="nusuario" name="txtNUsuario" value="" />


